@charset "utf-8";
/* CSS Document */


body{
	background:#e9d53e url(../i/bg.jpg) no-repeat top center;
	}

.wrap{
	width:980px;
	margin:0 auto;
	}

.wrap .header , .wrap .contentA h2 , .wrap .contentA h3 , .wrap .contentB a.offcialURL , .wrap .contentB a.btnMoremaster ,.wrap .contentB a.btnMoremaster2{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	}
	
.wrap .header{
	width:1280px;
	height:552px;
	background:url(../i/header.jpg) no-repeat;
	position:relative;
	}
	
.wrap .header a.logo{
	width:120px;
	height:100px;
	position:absolute;
	top:10px;
	left:60px;
	display:block;
	}
	
.wrap .header a.btnApply{
	width:128px;
	height:128px;
	position:absolute;
	background:url(../i/btnApply.png) no-repeat;
	background-position:0 0;
	top:280px;
	left:495px;
	display:block;
	}

.wrap .header a:hover.btnApply{
	background-position:0 -128px;
	}

	
.wrap .header a.btnMore{
	width:105px;
	height:105px;
	position:absolute;
	background:url(../i/btnMore.png) no-repeat;
	background-position:0 0;
	top:295px;
	left:610px;
	display:block;
	}

.wrap .header a:hover.btnMore{
	background-position:0 -105px;
	}

	
.wrap .contentA{
	height:567px;
	background:url(../i/contentA.jpg) no-repeat;
	position:relative;
	}
	
.wrap .contentA .youtube{
	width:197px;
	height:115px;
	position:absolute;
	top:20px;
	left:614px;
	}

.wrap .contentB{
	height:877px;
	background:url(../i/contentB.jpg) no-repeat;
	position:relative;
	}
	
.wrap .contentB a.offcialURL{
	width:311px;
	height:16px;
	display:block;
	position:absolute;
	cursor:pointer;
	top:160px;
	left:565px;
	background:url(../i/officialURL.gif) no-repeat;
	background-position:0 0;
	}
	
.wrap .contentB a:hover.offcialURL{
	background-position:0 -16px;
	}

.wrap .contentB .fb{
	width:425px;
	height:246px;
	/*background:url(../i/fb.jpg);*/
	display:block;
	position:absolute;
	top:510px;
	left:525px;
	}
	
.wrap .contentB .master01{
	width:385px;
	height:165px;
	position:absolute;
	top:140px;
	left:75px;
	}
	
.wrap .contentB .master02{
	width:385px;
	height:165px;
	position:absolute;
	top:345px;
	left:75px;
	}
	
.wrap .contentB .master03{
	width:385px;
	height:165px;
	position:absolute;
	top:550px;
	left:75px;
	}

.wrap .contentB .master01 .master, .wrap .contentB .master02 .master, .wrap .contentB .master03 .master{
	width:385px;
	height:165px;
	position:relative;
	}
	
.wrap .contentB .master .pic{
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	}

.wrap .contentB .master .title{
	width:300px;
	height:26px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:70px;
	color:#926b00;
	font:18px Verdana, 新細明體, sans-serif;
	}

.wrap .contentB .master .title a{
	color:#926b00;
	text-decoration:none;
	}
	
.wrap .contentB .master .title a:hover{
	color:#926b00;
	text-decoration:underline;
	}

.wrap .contentB .master .editor{
	width:300px;
	height:26px;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:70px;
	color:#333;
	font:15px Verdana, 新細明體, sans-serif;
	}

.wrap .contentB .master .editor .eye{
	padding-left:26px;
	height:26px;
	background:url(../i/iconEye.gif) no-repeat left;
	color:#333;
	font:15px Verdana, 新細明體, sans-serif;
	}

.wrap .contentB .master .editor .good{
	padding-left:26px;
	height:26px;
	background:url(../i/iconGood.gif) no-repeat left;
	color:#333;
	font:15px Verdana, 新細明體, sans-serif;
	}
 
.wrap .contentB .master .food{
	width:80px;
	height:60px;
	padding:9px;
	border:1px solid #b4b4b4;
	position:absolute;
	top:70px;
	left:0px;
	}

.wrap .contentB .master .essay{
	width:265px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:60px;
	left:115px;
	color:#434343;
	font:12px Verdana, 新細明體, sans-serif;
	line-height:1.7;
	}
	
.wrap .contentB .master .food img{
	width:80px;
	height:60px;
	}
	
.wrap .contentB a.btnMoremaster{
	width:98px;
	height:31px;
	position:absolute;
	top:125px;
	left:115px;
	background:url(../i/btnMoremaster.gif) no-repeat;
	display:block;
	cursor:pointer;
 	}
	
.wrap .contentB a.btnMoremaster2{
	width:149px;
	height:31px;
	position:absolute;
	top:125px;
	left:220px;
	background:url(../i/btnMoremaster2.gif) no-repeat;
	display:block;
	cursor:pointer;
 	}
		
.footer{
	width:100%;
	background:url(../i/bgFooter.jpg) repeat-x;
	height:214px;
	}